<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script src="./layer/layer.js"></script>
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="./css/index.css" />
<link rel="stylesheet" href="./css/shop_cart.css">
<link rel="stylesheet" href="./font/iconfont.css" />
<link
  rel="stylesheet"
  href="https://at.alicdn.com/t/font_2902179_1osvui6xykf.css"
/>
<link
  rel="stylesheet"
  href="https://at.alicdn.com/t/font_2901979_0hrrev07luj.css"
/>
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
<style>
    .cart tbody [type="number"]{
        width: 50px;
    }
</style>
</head>
<body>
    <div class="header">
        <div class="center">
          <div class="left">
            <ul>
              <li>
                <a href="#">考拉欢迎您</a>
              </li>
              <li class="denglu">
                <a href="./login.html">登录</a>
              </li>
              <li class="zhuce">
                <a href="./regeister.html">免费注册</a>
              </li>
              <li>
                <a href="#">手机考拉</a>
                <div class="two_list">
                  <div>
                    <img src="./img/erweima1.png" alt="" />
                  </div>
                  <p>新用户下载APP</p>
                  <p>领10元无门蓝券</p>
                </div>
              </li>
            </ul>
          </div>
          <div class="right">
            <ul>
              <li>
                <a href="#">每日签到</a>
              </li>
              <li>
                <a href="#">我的订单</a>
              </li>
              <li>
                <a href="#">个人中心</a>
                <i class="iconfont icon-xiajiantou"></i>
              </li>
              <li>
                <a href="#">客户服务</a>
                <i class="iconfont icon-xiajiantou"></i>
              </li>
              <li>
                <a href="#">充值中心</a>
                <i class="iconfont icon-xiajiantou"></i>
              </li>
              <li>
                <a href="#">消费者权益</a>
                <i class="iconfont icon-xiajiantou"></i>
              </li>
              <li>
                <a href="#">更多</a>
                <i class="iconfont icon-xiajiantou"></i>
              </li>
              <li>
                <a href="#">视频内容</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="logo">
        <div class="center">
          <div class="left_logo">
            <a href="./index.html">
              <img src="./img/logo.png" alt="" />
            </a>
          </div>
          <div class="search">
            <i class="iconfont icon-sousuo"></i>
            <input type="text" name="" id="" placeholder="飞利浦电动牙刷" />
            <div class="sousuo">
              <i class="iconfont icon-sousuo xx"></i>
            </div>
          </div>
          <div class="gouwuche">
            <div class="shop_cart">
              <i class="iconfont icon-gouwuche2"></i>
              <a href="./shop_cart.html">购物车</a>
            </div>
          </div>
        </div>
      </div>
      <div class="logo xuanfu">
        <div class="center">
          <div class="left_logo">
            <a href="./index.html">
              <img src="./img/logo.png" alt="" />
            </a>
          </div>
          <div class="search">
            <i class="iconfont icon-sousuo"></i>
            <input type="text" name="" id="" placeholder="飞利浦电动牙刷" />
            <div class="sousuo">
              <i class="iconfont icon-sousuo xx"></i>
            </div>
          </div>
          <div class="gouwuche">
            <div class="shop_cart">
              <i class="iconfont icon-gouwuche2"></i>
              <a href="./shop_cart.html">购物车</a>
            </div>
          </div>
        </div>
      </div>
    <div class="container">
        <table class="cart table">
            <thead>
                <th><input type="checkbox" checked name="selectAll">全选</th>
                <th>商品图片</th>
                <th>商品名称</th>
                <th>商品单价</th>
                <th>商品数量</th>
                <th>商品小计</th>
                <th>操作</th>
            </thead>
            <tbody>

            </tbody>
            <tfoot>
                <tr>
                    <th><input type="checkbox" checked name="selectAll" >全选</th>
                    <th class="clear">清空购物车</th>
                    <th><a href="./list.html">go to list</a></th>
                    <th>总数量:<span class="totalNum">0</span></th>
                    <th>总价:<span class="totalPrice">0</span>元</th>
                    <th colspan="2" class="jiesuan">结算</th>
                </tr>
            </tfoot>
        </table>
    </div>
</body>
<script src="./js/jquery-3.5.1.min.js"></script>
<script src="./js/index.js"></script>
<script src="./js/shop_cart.js"></script>
<script>
</script>
</html>
